.extra-card-fields {
    margin: 15px 0 0;

    > li {
        display: inline-block;
        list-style-type: none;
        font-size: 0.8em;

        &.large {
            width: 100%;
        }

        .card-field {
            margin: 0 20px 0 0;

            $card-field-title-color: #999;

            .extra-card-field-title {
                color: $card-field-title-color;
            }

            span.color {
                display: inline-block;
                width: 9px;
                height: 9px;
                border-radius: 50%;
                margin: 0 3px 0 0;
            }

            a:hover {
                text-decoration: none;
            }

            .user {
                display: inline-block;

                .avatar {
                    width: 22px;
                    height: 22px;
                    display: inline-block;
                    margin: 0 4px 0 0;
                }
            }
        }
    }
}
